{% load i18n %}

<div class="donate-stats">
  <h2>Help Support Read the Docs</h2>

  <div class="donate-stats-lg">
    <p>
      Since its inception over four years ago, Read the Docs has grown
      into a massive resource that developers rely on daily.  To
      make Read the Docs <b>sustainable</b>, and to
      improve support for our users and readers, we are asking the community
      for contributions.
    </p>
    <p>
      <b>
        If you consider Read the Docs to be a useful service, and would
        like to see it continue to grow, <b>consider pitching in</b> to
        help cover the cost of bringing free and open documentation to
        everyone.
      </b>
    </p>

    {% if read_more %}
      <p>
        <b><a href="{% url 'donate' %}#about">{% trans 'Read More' %}</a></b>
      </p>
    {% endif %}
  </div>

  <div class="donate-stats-sm">
    <ul>
      {% if not done and not evergreen %}
        <li>
          <div class="donate-progress">
            <div class="donate-progress-inner" style="width: {% if donate_percent > 100 %}100{% else %}{{ donate_percent }}{% endif %}%;">
            </div>
          </div>
        </li>
      {% endif %}
      {% if not evergreen %}
        <li><b>{{ donate_percent }}%</b> funded</li>
        <li><b>${{ donate_amount }}</b> contributed to $24,000 goal</li>
      {% else %}
        <li><b>${{ donate_amount }}</b> contributed</li>
      {% endif %}
      <li><b>${{ donate_avg }}</b> average contribution</li>
      <li><b>{{ donate_count }}</b> <a href="{% url 'donate' %}#supporters">Supporters</a></li>
    </ul>

    {% if not read_more %}
      <form action="{% url 'donate_add' %}" method="get" class="donate-form">
        <select id="id_dollars" name="dollars">
          <option value="5">$5</option>
          <option value="10">$10</option>
          <option value="25">$25</option>
          <option value="50" selected="selected">1 Hour ($50)</option>
          <option value="100">2 Hours ($100)</option>
          <option value="200">4 Hours ($200)</option>
          <option value="400">1 Day ($400)</option>
          <option value="800">2 Days ($800)</option>
          <option value="2000">5 Days ($2000)</option>
        </select>
        <button>{% trans 'Donate Now' %}</button>
      </form>
    {% endif %}
  </div>

</div>
